{extend name="public:base" /}

{block name="title"}<title>Input挂件</title>{/block}

{block name="pjax_container"}
<section class="content-header">
    <h1>Input挂件</h1>
</section>
<section class="content">
    <div class="row">
        <div class="col-md-12">
            <form class="form-horizontal" method="POST" action="" >
                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#tab1" data-toggle="tab">Input挂件</a></li>
                        <li><a href="#tab2" data-toggle="tab">Code</a></li>
                        <li><a href="#tab3" data-toggle="tab">说明</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab1">
{:widget('common/Input/index', [$data, [
    'name' => 'title',
    'title' => '标题',
    'placeholder' => '请输入标题',
]])}

{:widget('common/Input/index', [$data, [
    'name' => 'titles',
    'title' => '标题s',
    'placeholder' => '我的name变了，没有旧数据',
]])}

{:widget('common/Input/index', [$data, [
    'name' => 'titless',
    'title' => '标题ss',
    'default_val' => '50',
]])}

{:widget('common/Input/index', [$data, [
    'name' => 'title',
    'title' => 'Password',
    'inputtype' => 'password'
]])}

{:widget('common/Input/index', [$data, [
    'name' => 'title',
    'title' => '标题',
    'default_val' => '50',
    'placeholder' => '请输入标题',
    'title_col' => '3',
    'content_col' => '6',
]])}

{:widget('common/Input/index', [$data, [
    'name' => 'title',
    'title' => '标题',
    'default_val' => '50',
    'placeholder' => '请输入标题',
    'readonly' => 'readonly',
    'disabled' => '',
]])}

{:widget('common/Input/index', [$data, [
    'name' => 'title',
    'title' => '标题',
    'default_val' => '50',
    'placeholder' => '请输入标题',
    'readonly' => '',
    'disabled' => 'disabled',
]])}
                        </div>
                        <div class="tab-pane" id="tab2">
                            <pre>
{literal}
{:widget('common/Input/index', [$data, [
    'name' => 'title',
    'title' => '标题',
    'placeholder' => '请输入标题',
]])}

{:widget('common/Input/index', [$data, [
    'name' => 'titles',
    'title' => '标题s',
    'placeholder' => '我的name变了，没有旧数据',
]])}

{:widget('common/Input/index', [$data, [
    'name' => 'titless',
    'title' => '标题ss',
    'default_val' => '50',
]])}

{:widget('common/Input/index', [$data, [
    'name' => 'title',
    'title' => 'Password',
    'inputtype' => 'password'
]])}

{:widget('common/Input/index', [$data, [
    'name' => 'title',
    'title' => '标题',
    'default_val' => '50',
    'placeholder' => '请输入标题',
    'title_col' => '3',
    'content_col' => '6',
]])}

{:widget('common/Input/index', [$data, [
    'name' => 'title',
    'title' => '标题',
    'default_val' => '50',
    'placeholder' => '请输入标题',
    'readonly' => 'readonly',
    'disabled' => '',
]])}

{:widget('common/Input/index', [$data, [
    'name' => 'title',
    'title' => '标题',
    'default_val' => '50',
    'placeholder' => '请输入标题',
    'readonly' => '',
    'disabled' => 'disabled',
]])}
{/literal}
                            </pre>
                        </div>
                        <div class="tab-pane" id="tab3">
                            <pre>
{literal}
{:widget('common/Input/index', [$data, [
    'name' => 'title',              <code>//组件标签name属性值，对应数据库字段【必须】</code>
    'title' => '标题',               <code>//组件标题【必须】</code>
    'default_val' => '50',          <code>//默认值，新增无数据时默认值【非必须】</code>
    'placeholder' => '请输入标题',   <code>//提示内容【非必须】</code>
    'title_col' => '2',             <code>//标题占比（默认2）【非必须】</code>
    'content_col' => '7',           <code>//内容占比（默认7）【非必须】</code>
    'inputtype' => 'password'       <code>//默认text【非必须，可选：password】</code>
    'readonly' => 'readonly',       <code>//只读【非必须】</code>
    'disabled' => 'disabled',       <code>//禁用【非必须】</code>
]])}
{/literal}
                            </pre>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>
{/block}